﻿<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Foodeasy</title>

	<link rel="stylesheet" href="css/normalize.css" />
	<link rel="stylesheet" href="css/foundation.css" />
	<link rel="stylesheet" href="general.css" />
	<script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>

<div class="wrapper topbar">
		<div class="row topbar">
	<div class="columns large-12">
		<nav class="top-bar">
		<ul class="title-area">		
			<li class="name">
			  <a href="index.html" class="group-title"><img class="top-logo" src="img/logo-text.png" /></a>
			</li>
			<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
		</ul>
		<section class="top-bar-section"> 
			<ul class="left">
				<li class="has-form" id="top-search-box">
					<form>
						<div class="row collapse small-top">
							<div class="small-12 large-12 columns">
								<input placeholder="tìm món gì vậy bạn ơi ^_^" required type="text">
								<button></button>
							</div>
						</div>
					</form>
				</li>
				<li class="divider"></li>
			</ul>		
			<ul class="right">
				<li>
					<div class="right row small-top">
						<div class="login-status">
							<ul class="inline right ">
								<li><a class="tiny-avatar" href="profile.html"><img src="img/item-1.jpg" />Cá nhân</a></li>
								<li><a class="cart" href="profile.html"><img src="img/icon/cart-back.png" />Giở hàng :(</a></li>
								<li><a class="log out" href="profile.html"><img src="img/icon/logoff.png" />Đăng xuất</a></li>
							</ul>
						</div>
						
						
					</div>        
				</li>
				<li class="divider"></li>     
			</ul>
		</section>
	</nav>

	</div>
</div>

</div>

	<!--HINH COOKER, SEARCH-->
	<div class="row"> 
		<div class="large-12 columns logo">
			<div class="divcenter">
				<img class="logo-image" src="img/logo-image.png" />
				<img class="instruction" src="img/instruction.png" />
			</div>
		</div>
	</div>
	
	<div class="row">
		<div class="large-6 columns">
			<span class="information-res"> Có 12 Nhà hàng phục vu </span><br/>
			<span>Quan 1</span>
		</div>
		<div class="large-6 columns">
			
		</div>
	
	</div>
	
	<div class="wrapper main-wrap">
		<div class="row main">
			<div class="large-9 columns">
			
				<div class="restaurant-info">
					<img class="img-res" src="img/item-1.jpg" ></img>
					<div class="hot"  ></div>
					<div class="info-res">
						<div class="name-res"><a href="detail-restaurant.html"> <span class="name">Nha hang 1</span></a></div>
						<div class="address-icon has-icon address"> 123 Thu Duc</div>
						<div class="type-icon has-icon food-type"> Loai mon an: 
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>,
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>,
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>,
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>,
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>,
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>,<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>,<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>
						</div>
						<div class="time-icon has-icon time"> Thoi gian phuc vu: 10am - 4pm</div>
						<div class="timeDel-icon has-icon timeDel"> Thoi gian giao hang: 10min</div>
						
					</div>
					<div class="view-menu"><a class="btn" href="#" >Xem menu</a></div>
				</div>
				
				<div class="restaurant-info">
					<img class="img-res" src="img/item-5.jpg" ></img>
					<div class="info-res">
						<div class="name-res"> <span class="name">Nha hang 1</span></div>
						<div class="address-icon has-icon address"> 123 Thu Duc</div>
						<div class="type-icon has-icon food-type"> Loai mon an: 
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>
						</div>
						<div class="time-icon has-icon time"> Thoi gian phuc vu: 10am - 4pm</div>
						<div class="timeDel-icon has-icon timeDel"> Thoi gian giao hang: 10min</div>
						
					</div>
					<div class="view-menu"><a class="btn" href="#" >Xem menu</a></div>
				</div>
				
				<div class="restaurant-info">
					<img class="img-res" src="img/item-1.jpg" ></img>
					<div class="info-res">
						<div class="name-res"> <span class="name">Nha hang 1</span></div>
						<div class="address-icon has-icon address"> 123 Thu Duc</div>
						<div class="type-icon has-icon food-type"> Loai mon an: 
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>
						</div>
						<div class="time-icon has-icon time"> Thoi gian phuc vu: 10am - 4pm</div>
						<div class="timeDel-icon has-icon timeDel"> Thoi gian giao hang: 10min</div>
						
					</div>
					<div class="view-menu"><a class="btn" href="#" >Xem menu</a></div>
				</div>
				
				<div class="restaurant-info">
					<img class="img-res" src="img/item-5.jpg" ></img>
					<div class="info-res">
						<div class="name-res"> <span class="name">Nha hang 1</span></div>
						<div class="address-icon has-icon address"> 123 Thu Duc</div>
						<div class="type-icon has-icon food-type"> Loai mon an: 
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>
						</div>
						<div class="time-icon has-icon time"> Thoi gian phuc vu: 10am - 4pm</div>
						<div class="timeDel-icon has-icon timeDel"> Thoi gian giao hang: 10min</div>
						
					</div>
					<div class="view-menu"><a class="btn" href="#" >Xem menu</a></div>
				</div>
				
				<div class="restaurant-info">
					<img class="img-res" src="img/item-1.jpg" ></img>
					<div class="info-res">
						<div class="name-res"> <span class="name">Nha hang 1</span></div>
						<div class="address-icon has-icon address"> 123 Thu Duc</div>
						<div class="type-icon has-icon food-type"> Loai mon an: 
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>
						</div>
						<div class="time-icon has-icon time"> Thoi gian phuc vu: 10am - 4pm</div>
						<div class="timeDel-icon has-icon timeDel"> Thoi gian giao hang: 10min</div>
						
					</div>
					<div class="view-menu"><a class="btn" href="#" >Xem menu</a></div>
				</div>
				
				<div class="restaurant-info">
					<img class="img-res" src="img/item-5.jpg" ></img>
					<div class="info-res">
						<div class="name-res"> <span class="name">Nha hang 1</span></div>
						<div class="address-icon has-icon address"> 123 Thu Duc</div>
						<div class="type-icon has-icon food-type"> Loai mon an: 
							<span class="type trangmieng">tráng miệng</span>, 
							<span class="type nuong">nướng</span>
						</div>
						<div class="time-icon has-icon time"> Thoi gian phuc vu: 10am - 4pm</div>
						<div class="timeDel-icon has-icon timeDel"> Thoi gian giao hang: 10min</div>
						
					</div>
					<div class="view-menu"><a class="btn" href="#" >Xem menu</a></div>
				</div>
				
				
			</div>
			 <div class="large-3 columns">
				<div id="right-menu full-width">
					<div class="panel">
						<div class="title">
							<span>Tư vấn</span>
						</div>
						<div class="content">
							<img src="img/item-1.jpg"/>
						</div>
					</div>
					<div class="panel">
						<div class="title">
							<span>Chuyên mục vui</span>
						</div>
						<div class="content">
							<img src="img/item-5.jpg"/>
						</div>
					</div>
					<div class="panel">
						<div class="title">
							<span>Thể loại</span>
						</div>
						<div class="content">
							<ul>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Tráng miệng</a></li>
								<li><a href="#">fjdfh hfhsjdkfs kfhjsdkf fskfhskdj hfksdhfkf fkhdskf àhdksfh</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
								<li><a href="#">Nướng</a></li>
							</ul>
						</div>
					</div>
				</div>
			 </div>
			
		</div>
	</div>
	
	<footer>
		<div class="row footer">
			<div class="img-footer"></div>
			<div class="columns large-4 content-footer">
				Loan 
			</div>
			<div class="columns large-4 content-footer">
				L 34123412
			</div>
			<div class="columns large-4 content-footer">
				L 23413412
			</div>
		</div>
	</footer>
	
  <script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
  </script>
  
  <script src="js/foundation.min.js"></script>
 
  <script>
    $(document).foundation();
  </script>
  
  <script src="js/jquery-1.9.1.min.js"></script>

  
  
</body>
</html>
